// 项目运行的入口，从这里开始运行

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import ListRendering from './study_one/ListRendering';
import ConditionalRendering from "./study_one/ConditionalRendering";
import StyleProcessing from "./study_one/StyleProcessing"
import FunctionComponent from "./study_one/FunctionComponent";
import Hello from "./study_one/Hello";
import EventBinding from "./study_one/EventBinding";
import UseState from "./study_one/UseState";
import UpdateState from "./study_one/UpdateState";
import UseBind from "./study_one/UseBind"

import ControlledModule from "./study_two/ControlledModule"
import UncontrolledComponent from "./study_two/UncontrolledComponent";
import CommentListTemplate from "./study_two/CommentListTemplate";
import Props from "./study_two/Props";
import Parent from "./study_two/Module";
import Counter from "./study_two/Counter";
import propsJinjieInstance from "./study_two/PropsJInjie";


//把App根组件渲染到id为root的DOM节点上
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App/>)
root.render(<ListRendering/>);
root.render(<ConditionalRendering/>)
root.render(<StyleProcessing/>)
root.render(<FunctionComponent/>)
root.render(<Hello/>)
root.render(<EventBinding/>)
root.render(<UseState/>)
root.render(<UpdateState/>)
root.render(<UseBind/>)
root.render(<ControlledModule/>)
root.render(<UncontrolledComponent/>)
root.render(<CommentListTemplate/>)
root.render(<Props name="jack" age={19}/>)
root.render(<Parent/>)
root.render(<Counter/>)
root.render(propsJinjieInstance)


